<%--
  Created by IntelliJ IDEA.
  User: XML
  Date: 2018/7/14
  Time: 21:42
  To change this template use File | Settin0gs | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<!DOCTYPE HTML>
<html class="no-js">
<head>

    <title>关于我们</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- CSS
      ================================================== -->
    <link href="${pageContext.request.contextPath}/css/bootstrap.css" rel="stylesheet" type="text/css">
    <!-- Bootstrap -->
    <link href="${pageContext.request.contextPath}/css/bootstrap-theme.css" rel="stylesheet" type="text/css">
    <!-- Bootstrap Theme -->
    <link href="${pageContext.request.contextPath}/css/style.css" rel="stylesheet" type="text/css"><!-- Style Css -->
    <link href="${pageContext.request.contextPath}/vendor/magnific/magnific-popup.css" rel="stylesheet" type="text/css">
    <!-- Magnific Popup -->
    <link href="${pageContext.request.contextPath}/vendor/owl-carousel/css/owl.carousel.css" rel="stylesheet"
          type="text/css"><!-- Owl Carousel -->
    <link href="${pageContext.request.contextPath}/vendor/owl-carousel/css/owl.theme.css" rel="stylesheet"
          type="text/css"><!-- Owl Carousel Theme -->
    <!-- Color Style -->
    <link href="${pageContext.request.contextPath}/colors/color1.css" rel="stylesheet" type="text/css">
    <link href="${pageContext.request.contextPath}/css/custom.css" rel="stylesheet" type="text/css">
    <!-- CUSTOM STYLESHEET FOR STYLING -->
    <!-- SCRIPTS
      ================================================== -->
    <script src="${pageContext.request.contextPath}/js/modernizr.js"></script><!-- Modernizr -->
</head>
<body class="home">
<div class="body">
    <!-- start topbar -->
    <header class="topbar">
        <!-- start container -->
        <div class="container">
            <ul class="topbar-menu">
                <li><a href="${pageContext.request.contextPath}/shop.do" title="Shop">购物</a>
                    <ul>
                        <li><a href="#" title="Cart">物流</a></li>
                        <li><a href="#" title="Cart">结账</a></li>
                    </ul>
                </li>
                <li><a href="#" title="Contact">联系我们</a></li>
                <li><a href="#" title="Donations">赠送</a></li>
            </ul>
            <div class="header-info-col">
                <i class="fa fa-phone"></i>
                <strong>1800-9090-8089</strong>
            </div>
            <div class="header-info-col">
                <i class="fa fa-envelope-o"></i>
                <strong><a href="mailto:help@obsequy.com" title="help@obsequy.com">1106358053@qq.com</a></strong>
            </div>
            <div class="header-info-col">
                <i class="fa fa-map-marker"></i>
                <strong>浙江工贸职业技术学院</strong>
            </div>
        </div>
        <!-- end container -->
    </header>
    <!-- end topbar -->
    <!-- start header -->
    <header class="site-header-wrapper">
        <div class="site-header">
            <!-- start container -->
            <div class="container">
                <!-- start site logo -->
                <div class="site-logo">
                    <a href="${pageContext.request.contextPath}/main.do" title="Obsequy" class="default-logo"><img
                            src="${pageContext.request.contextPath}/images/logo.png" alt="Obsequy"></a>
                    <a href="${pageContext.request.contextPath}/main.do" title="Obsequy"
                       class="default-retina-logo"><img src="${pageContext.request.contextPath}/images/logo@2x.png"
                                                        alt="Obsequy" width="204" height="46"></a>
                </div>
                <!-- end site logo -->
                <a href="#" id="menu-toggle">
                    <i class="fa fa-bars"></i>
                </a>
                <div class="search-module">
                    <a href="#" class="search-module-trigger">
                        <i class="fa fa-search"></i>
                    </a>
                    <div class="search-module-opened">
                        <form id="searchform" action="#">
                            <div class="input-group input-group-sm">
                                <input type="text" name="s" id="s" class="form-control input-sm">
                                <span class="input-group-btn"><button name="submit" type="submit"
                                                                      class="btn btn-lg btn-default"><i
                                        class="fa fa-search"></i></button></span>
                            </div>
                        </form>
                    </div>
                </div>
                <a href="#" class="cart-module-trigger">
                    <i class="fa fa-shopping-cart"></i>
                </a>
                <!-- start main navigation -->
                <nav class="main-navigation pull-right">
                    <ul class="dd-menu sf-menu">
                        <li><a href="${pageContext.request.contextPath}/main.do" title="Home"><span>首页</span></a></li>
                        <li class="active"><a href="${pageContext.request.contextPath}/aboutUs.do" title="About"><span>关于我们</span></a>
                        </li>
                        <li><a href="${pageContext.request.contextPath}/shop.do" title="Shop"><span>购物车</span></a></li>
                        <li><a href="${pageContext.request.contextPath}/services.do"
                               title="Services"><span>服务</span></a></li>
                        <li><a href="${pageContext.request.contextPath}/blog.do" title="Blog"><span>博客</span></a></li>
                        <li><a href="${pageContext.request.contextPath}/shop.do" title="Send Flowers"><span>送花</span>
                            <img src="images/flower-e1476975452944.png" alt=""></a>
                        </li>
                    </ul>
                </nav>
                <!-- end main navigation -->
            </div>
            <!-- end container -->
        </div>
    </header>
    <!-- end header -->
    <!-- start hero area -->
    <div class="hero-area">
        <!-- start page banner -->
        <div class="page-banner page-banner-image parallax"
             style="background:url(${pageContext.request.contextPath}/images/bg_page_banner_image.jpg);">
            <!-- start container -->
            <div class="container">
                <h1>About Us</h1>
            </div>
            <!-- end container -->
        </div>
        <!-- end page banner -->
    </div>
    <!-- end hero area -->
    <!-- Start body content -->
    <div class="main" role="main">
        <div id="content" class="content full padding-tb60">
            <!-- start container -->
            <div class="container">
                <div class="row">
                    <div class="col-md-4 col-sm-4">
                        <h3>Our History</h3>
                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
                            Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur
                            ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.</p>
                    </div>
                    <div class="col-md-4 col-sm-4">
                        <h3>Our Mission</h3>
                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
                            Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur
                            ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.</p>
                    </div>
                    <div class="col-md-4 col-sm-4">
                        <h3>Company Overview</h3>
                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
                            Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur
                            ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.</p>
                    </div>
                </div>
                <!-- end row -->
                <div class="spacer-30"></div>
                <!-- start row -->
                <div class="row">
                    <div class="col-md-6 col-sm-6">
                        <img src="${pageContext.request.contextPath}/images/img_girl.jpg" alt="">
                        <div class="spacer-35"></div>
                    </div>
                    <div class="col-md-6 col-sm-6">
                        <p>Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet
                            nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit
                            cursus nunc, quis gravida magna mi a libero. Fusce vulputate eleifend sapien. Vestibulum
                            purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui.
                            Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus
                            orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia. Nam
                            pretium turpis et arcu.</p>
                        <p>Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante,
                            dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius
                            laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur
                            ullamcorper ultricies nisi.</p>
                    </div>
                </div>
                <!-- end row -->
                <div class="spacer-40"></div>
            </div>
            <!-- end container -->
            <!-- start counters -->
            <div class="counters dgray-bg padding-tb30">
                <!-- start container -->
                <div class="container">
                    <!-- start row -->
                    <div class="row">
                        <div class="col-lg-3 col-md-3 col-sm-3">
                            <div class="fact-ico"><i class="fa fa-check-circle-o fa-4x"></i></div>
                            <div class="timer" data-perc="9000"><span class="count">2000</span></div>
                            <span class="fact">Services Done</span>
                        </div>
                        <div class="col-lg-3 col-md-3 col-sm-3">
                            <div class="fact-ico"><i class="fa fa-user fa-4x"></i></div>
                            <div class="timer" data-perc="96"><span class="count">40</span></div>
                            <span class="fact">Team Members</span>
                        </div>
                        <div class="col-lg-3 col-md-3 col-sm-3">
                            <div class="fact-ico"><i class="fa fa-shopping-cart fa-4x"></i></div>
                            <div class="timer" data-perc="1500"><span class="count">10800</span></div>
                            <span class="fact">Shop Sales</span>
                        </div>
                        <div class="col-lg-3 col-md-3 col-sm-3">
                            <div class="fact-ico"><i class="fa fa-envelope fa-4x"></i></div>
                            <div class="timer" data-perc="1500"><span class="count">52000</span></div>
                            <span class="fact">Condolences Messages</span>
                        </div>
                    </div>
                    <!-- end row -->
                </div>
                <!-- end container -->
            </div>
            <!-- end counters -->
            <!-- start container -->
            <div class="container">
                <div class="spacer-55"></div>
                <h2 class="margin-25">Services we offer</h2>
                <!-- start row -->
                <div class="row">
                    <ul class="grid-holder isotope gallery-items">
                        <li class="col-md-3 col-sm-6 grid-item service-grid-item format-standard isotope-item">
                            <div class="grid-item-inner">
                                <div class="grid-item-content">
                                    <h3 class="post-title">
                                        <a href="#">Celebrating a Life</a>
                                    </h3>
                                    <hr class="sm">
                                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo…...</p>
                                    <a class="basic-link" href="#">Know More</a>
                                </div>
                            </div>
                        </li>
                        <li class="col-md-3 col-sm-6 grid-item service-grid-item format-standard isotope-item">
                            <div class="grid-item-inner">
                                <div class="grid-item-content">
                                    <h3 class="post-title">
                                        <a href="#">Funeral Services</a>
                                    </h3>
                                    <hr class="sm">
                                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo…...</p>
                                    <a class="basic-link" href="#">Know More</a>
                                </div>
                            </div>
                        </li>
                        <li class="col-md-3 col-sm-6 grid-item service-grid-item format-standard isotope-item">
                            <div class="grid-item-inner">
                                <div class="grid-item-content">
                                    <h3 class="post-title">
                                        <a href="#">Planning a Funeral</a>
                                    </h3>
                                    <hr class="sm">
                                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo…...</p>
                                    <a class="basic-link" href="#">Know More</a>
                                </div>
                            </div>
                        </li>
                        <li class="col-md-3 col-sm-6 grid-item service-grid-item format-standard isotope-item">
                            <div class="grid-item-inner">
                                <div class="grid-item-content">
                                    <h3 class="post-title">
                                        <a href="#">Burial Services</a>
                                    </h3>
                                    <hr class="sm">
                                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo…...</p>
                                    <a class="basic-link" href="#">Know More</a>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
                <!-- end row -->
                <div class="spacer-50"></div>
            </div>
            <!-- end container -->
            <!-- start carousel banner -->
            <div class="parallax parallax1 padding-tb75"
                 style="background-image:url(${pageContext.request.contextPath}/images/img32.jpg);">
                <!-- start container -->
                <div class="container">
                    <!-- start row -->
                    <div class="row">
                        <div class="col-md-6 col-md-offset-3">
                            <div class="our-services">
                                <!-- start carousel -->
                                <div class="carousel-wrapper">
                                    <div class="row">
                                        <ul class="owl-carousel carousel-fw" data-columns="1" data-autoplay="5000"
                                            data-pagination="yes" data-arrows="no" data-single-item="no"
                                            data-items-desktop="1" data-items-desktop-small="1" data-items-tablet="1"
                                            data-items-mobile="1">
                                            <li class="item">
                                                <div class="grid-item testimonial-grid-item testimonial-carousel-item format-standard">
                                                    <div class="testimonial-outer">
                                                        <div class="testimonial-image">
                                                            <img src="${pageContext.request.contextPath}/images/img20.jpg"
                                                                 alt="">
                                                        </div>
                                                        <div class="testimonial-inner">
                                                            Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
                                                            Aenean commodo ligula eget dolor. Aenean massa. Cum sociis
                                                            natoque penatibus et magnis dis parturient montes, nascetur
                                                            ridiculus mus. Donec quam felis, ultricies nec, pellentesque
                                                            eu, pretium quis, sem.
                                                            <div class="spacer-20"></div>
                                                            <hr class="sm">
                                                            <h4>Rogers</h4>
                                                            <span class="meta-data">Joshua's Family</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="item">
                                                <div class="grid-item testimonial-grid-item testimonial-carousel-item format-standard">
                                                    <div class="testimonial-outer">
                                                        <div class="testimonial-image">
                                                            <img src="${pageContext.request.contextPath}/images/img18-400x400.jpg"
                                                                 alt="">
                                                        </div>
                                                        <div class="testimonial-inner">
                                                            Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
                                                            Aenean commodo ligula eget dolor. Aenean massa. Cum sociis
                                                            natoque penatibus et magnis dis parturient montes, nascetur
                                                            ridiculus mus. Donec quam felis, ultricies nec, pellentesque
                                                            eu, pretium quis, sem.
                                                            <div class="spacer-20"></div>
                                                            <hr class="sm">
                                                            <h4>Alice Mills</h4>
                                                            <span class="meta-data">Jennifer Henderson's Friend</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="item">
                                                <div class="grid-item testimonial-grid-item testimonial-carousel-item format-standard">
                                                    <div class="testimonial-outer">
                                                        <div class="testimonial-image">
                                                            <img src="${pageContext.request.contextPath}/images/img19.jpg"
                                                                 alt="">
                                                        </div>
                                                        <div class="testimonial-inner">
                                                            Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
                                                            Aenean commodo ligula eget dolor. Aenean massa. Cum sociis
                                                            natoque penatibus et magnis dis parturient montes, nascetur
                                                            ridiculus mus. Donec quam felis, ultricies nec, pellentesque
                                                            eu, pretium quis, sem.
                                                            <div class="spacer-20"></div>
                                                            <hr class="sm">
                                                            <h4>Brenda Gordon</h4>
                                                            <span class="meta-data">Daughter of Janet Jordan</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <!-- end carousel -->
                            </div>
                        </div>
                    </div>
                    <!-- end row -->
                </div>
                <!-- end container -->
            </div>
            <!-- end carousel banner -->
            <div class="spacer-55"></div>
            <!-- start container -->
            <div class="container">
                <h2>Our Team</h2>
                <div class="spacer-20"></div>
                <!-- start team carousel -->
                <div class="team-carousel">
                    <!-- start carousel -->
                    <div class="carousel-wrapper padding-tb0">
                        <div class="row">
                            <ul class="owl-carousel carousel-fw" data-columns="4" data-autoplay="" data-pagination="no"
                                data-arrows="yes" data-single-item="no" data-items-desktop="4"
                                data-items-desktop-small="4" data-items-tablet="2" data-items-mobile="1">
                                <li class="item">
                                    <div class="grid-item team-grid-item team-carousel-item format-standard">
                                        <img src="${pageContext.request.contextPath}/images/img35-400x400.jpg"
                                             alt="team">
                                        <!-- start grid item content -->
                                        <div class="grid-item-content">
                                            <h3>Brenda Arnold</h3>
                                            <span class="meta-data">Cordinator</span>
                                        </div>
                                        <!-- end grid item content -->
                                    </div>
                                </li>
                                <li class="item">
                                    <div class="grid-item team-grid-item team-carousel-item format-standard">
                                        <img src="${pageContext.request.contextPath}/images/img23.jpg" alt="team">
                                        <!-- start grid item content -->
                                        <div class="grid-item-content">
                                            <h3>Vincent Lawson</h3>
                                            <span class="meta-data">Office Manager</span>
                                        </div>
                                        <!-- end grid item content -->
                                    </div>
                                </li>
                                <li class="item">
                                    <div class="grid-item team-grid-item team-carousel-item format-standard">
                                        <img src="${pageContext.request.contextPath}/images/img22.jpg" alt="team">
                                        <!-- start grid item content -->
                                        <div class="grid-item-content">
                                            <h3>Gary Porter</h3>
                                            <span class="meta-data">Lead cordinator</span>
                                        </div>
                                        <!-- end grid item content -->
                                    </div>
                                </li>
                                <li class="item">
                                    <div class="grid-item team-grid-item team-carousel-item format-standard">
                                        <img src="${pageContext.request.contextPath}/images/img21.jpg" alt="team">
                                        <!-- start grid item content -->
                                        <div class="grid-item-content">
                                            <h3>Debra Carlson</h3>
                                            <span class="meta-data">Manager</span>
                                        </div>
                                        <!-- end grid item content -->
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!-- end carousel -->
                </div>
                <!-- team carousel -->
            </div>
            <!-- end container -->
        </div>
    </div>
    <!-- end body content -->
    <!-- start footer -->
   <jsp:include page="foot.jsp"/>
    <!-- end footer -->
    <a id="back-to-top"><i class="fa fa-arrow-up"></i></a>
</div>
<script src="${pageContext.request.contextPath}/js/jquery-2.2.3.min.js"></script> <!-- Jquery Library Call -->
<script src="${pageContext.request.contextPath}/vendor/magnific/jquery.magnific-popup.min.js"></script>
<!-- Maginific Popup Plugin -->
<script src="${pageContext.request.contextPath}/js/ui-plugins.js"></script> <!-- UI Plugins -->
<script src="${pageContext.request.contextPath}/js/helper-plugins.js"></script> <!-- Helper Plugins -->
<script src="${pageContext.request.contextPath}/vendor/owl-carousel/js/owl.carousel.min.js"></script>
<!-- Owl Carousel -->
<script src="${pageContext.request.contextPath}/js/bootstrap.js"></script> <!-- UI -->
<script src="${pageContext.request.contextPath}/js/init.js"></script> <!-- All Scripts -->
<script src="${pageContext.request.contextPath}/vendor/flexslider/js/jquery.flexslider.js"></script> <!-- FlexSlider -->
<!--<script src="js/jquery.mb.YTPlayer.js"></script>-->
</body>
</html>
